.hender{
	background-color: #fff;
}
.hender__wrap{
	width: 1200px;
	height: 60px;
	position: relative;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
.hender__logo{
	width: 150px;
	height: 38px;
	text-indent: 50px;
	line-height: 38px;
	background: url(../img/logo.png) left center no-repeat;
	background-size:38px 38px ;
	font-size:18px ;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -19px;
	
}
.hender__nav{
	width: 585px;
	right: 0;
	position: absolute;
	
}
.hender__nav-item{
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	padding-left: 20px;
	color: #14191e;
	text-align: center;
	font-size: 14px;
	line-height: 60px;
	
	
}
.hender__nav-item__first{
	color: #ff0000;
	
}
.hender__nav-item__first::after{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom:0;
	
}
.hender__nav-item:hover{
	color: #ff0000;
}
.hender__nav-item__button{
	width: 60px;
	height: 38px;
	background-color: #000000;
	color: #FFFFFF;
	
	line-height: 38px;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	margin-left: 30px;
	padding: 0 20px;
	border-radius: 3px;
}
.screen-1{
	height: 800px;
	background: url(../img/bg-screen-1.png);
	background-size:cover ;
	position: relative;
}
.screen-1__title{
	width: 620px;
	position: absolute;
	top: 105px;
	left: 50%;
	margin-left: -310px;
	font-weight: normal;
	text-align: center;
	font-size: 40px;
	color: #FFFFFF;
}
.screen-1__title b{
	font-weight: normal;
	color: #ff0000;
}
.screen-1__phone{
	width: 1375px;
	height: 305px;
	left: 50%;
	margin-left: -687px;
	background: url(../img/screen-1-phone.png) center no-repeat;
	position: absolute;
	bottom: 175px;
	z-index: 2;
}
.screen-1__shadow{
	width: 1233px;
	height: 411px;
	left: 50%;
	margin-left: -616px;
	background: url(../img/screen-1-shadow.png);
	position: absolute;
	bottom: 40px;
	z-index: 1;
	opacity:  .8;
}
.screen-2{
	height: 800px;
	background: #fafafa;
	position: relative;
	overflow: hidden;
}
.screen-2__title{
	color: #f01414;
	font-weight: normal;
	text-align: center;
	font-size: 40px;
	padding-top:90px ;
}
.screen-2__Subtitle{
	text-align: center;
	margin-top: 50px;
	font-size: 14px;
	line-height: 30px;
}
.screen-2__phone{
	width: 928px;
	height: 873px;
	background: url(../img/bg-screen-2.png) no-repeat;
	left: 50%;
	margin-left: -464px;
	position: absolute;
	bottom: -344px;
	
}
.screen-2__phone__right{
	width: 200px;
	text-indent: 25px;
	height: 21px;
	background: url(../img/icon-point-right.png) right no-repeat;
	position: absolute;
	top: 185px;
	left: -105px;
}
.screen-2__phone__left{
	width: 210px;
	height: 21px;
	background: url(../img/icon-point-left.png) left no-repeat;
	position: absolute;
}
.screen-2__phone__left__top{
	text-indent: 104px;
	top: 40px;
	right: 130px;
}
.screen-2__phone__left__bottom{
	text-indent: 104px;
	top: 337px;
	right: 33px;
}
/*第三屏*/
.screen-3{
	height: 800px;
	background: #a71316;
}
.screen-3__wrap{
	width: 1200px;
	height: 800px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.screen-3__title{
	color: #fff;
	font-weight: normal;
	text-align: left;
	font-size: 40px;
	padding-top:97px ;
}
.screen-3__Subtitle{
	text-align: left;
	margin-top: 50px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.screen-3__phone{
	width: 729px;
	height: 596px;
	background: url(../img/bg-screen-3.png);
	position: absolute;
	right: 0;
	top: 200px;
}
.screen-3__features{
	width: 325px;
	height:285px;
	position: absolute;
	top: 370px;
	left: 0;
}
.screen-3__features__items{
	width: 138px;
	height: 118px;
	border: 1px solid #d97173;
	border-radius:3px ;
	float: left;
	margin:  0 20px 20px 0;
	color: #fff;
}
.screen-3__features__items__number{
	font-size:30px ;
	text-align: center;
	padding-top: 30px;
}
.screen-3__features__items__text{
	font-size:14px ;
	text-align: center;
}
.screen-4{
	height: 800px;
	background: #fff;
}
.screen-4__wrap{
	width: 1250px;
	height: 800px;
	margin: 0 auto;
}
.screen-4__title{
	color: #f01414;
	font-weight: normal;
	text-align: center;
	font-size: 40px;
	padding-top:90px ;
}
.screen-4__Subtitle{
	text-align: center;
	margin-top: 50px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.screen-4__features{
	width: 1260px;
	height: 270px;
	margin-top: 100px;
	margin-left: 50px;
}
.screen-4__features__item{
	width: 240px;
	height: 270px;
	margin-right: 70px;
	float: left;
	position: relative;
	
}
.screen-4__features__item-1{
	background: url(../img/phone-1.png) no-repeat left top;
}
.screen-4__features__item-2{
	background: url(../img/phone-2.png) no-repeat left top;
}
.screen-4__features__item-3{
	background: url(../img/phone-3.png) no-repeat left top;
}
.screen-4__features__item-4{
	background: url(../img/phone-4.png) no-repeat left top;
}
.screen-4__features__item-type{
	width: 100%;
	height: 20px;
	text-align: center;
	position: absolute;
	bottom: -50px;
	font-size: 15px;
}
.screen-4__features__item-storage{
	width: 100%;
	height: 14px;
	text-align: center;
	position: absolute;
	bottom: -75px;
	color: #939cab;
	font-size: 10px;
}
.screen-5{
	height: 800px;
	background-color: #d9dde1;
}
.screen-5__title{
	color: #f01414;
	text-align: center;
	font-size: 40px;
	padding-top:188px ;
}
.screen-5__Subtitle{
	text-align: center;
	margin-top: 50px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
.screen-5__bg{
	width: 1900px;
	height: 400px;
	background: url(../img/bg-screen-5.png) no-repeat top center;
	
}
.screen-6{
	height: 80px;
	padding:  120px 0;
	 background: url(../img/bg-screen-buy.png) no-repeat center;
	 background-size:cover ;
}

.screen-6__button{
	width: 240px;
	height: 80px;
	line-height: 80px;
	background:#F01414 ;
	text-align: center;
	margin: 0 auto;
	border-radius:3px ;
	transition: all 0.5s;
}
.screen-6__button:hover{
	box-shadow: 5px 5px 5px #000000;
}
.footer{
	height: 80px;
	line-height: 80px;
	background-color: #07111b;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
